<!--
 * @Description: 404
 * @Author: wws1993
 * @Date: 2020-12-01 15:47:36
 * @LastEditTime: 2020-12-04 10:59:50
 * @LastEditors: wws1993
 * @FilePath: \TODO-MANAGER\src\components\Base\404.vue
-->

<template>
  <div class="base-loading" v-show="visible">
    <img :src="img.i404" alt="404">
    <span>找不到了...</span>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';
import img from '@/lib/img';
import { Prop, Component } from 'vue-property-decorator';

@Component({})
export default class NoFind extends Vue {
  @Prop() private visible!: boolean;

  private img: any = img;
}
</script>

<style lang="scss" scoped>
.base-loading{
  position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.7);
  display:flex; justify-content:center; align-content:center; flex-wrap:wrap;
  span{width:100%; text-align:center; color:#999; font-size:12px}
}
</style>